<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="Formular Propuesta de Investigación, Desarrollo e Innovación"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:panelGroup id="messagePanel" layout="block">
                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
            <h:form>
                <rich:tabPanel id="propuesta" switchType="client">
                    <rich:tab header="Información General">
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Idea de Origen" for="idea" />
                            <rich:select id="idea" value="#{propuestaController.selected.idea}" required="true" requiredMessage="Se requiere que la propuesta este basada en una idea de investigación" listWidth="300" >
                                <f:selectItems value="#{ideaController.itemsAvailableSelectOne}"/>
                                <a4j:ajax event="selectitem" render="propuesta" execute="@this" />
                            </rich:select>
                        </h:panelGrid>
                        <h:panelGrid columns="1">
                            <rich:panel >
                                <h:panelGrid columns="2">
                                    <h:outputLabel value="Título de la Propuesta" for="titulo" />
                                    <h:inputTextarea id="titulo" value="#{propuestaController.selected.idea.titulo}" required="true" requiredMessage="Se requiere el titulo de la propuesta"/>
                                    <h:outputLabel value="Entidad que Avala" for="entidad" />
                                    <h:outputText id="entidad" value="#{propuestaController.selected.idea.entidad.nombre}"/>

                                    <h:outputLabel value="Subdirección u Oficina" for="subdireccion" />
                                    <h:outputText id="subdireccion" value="#{propuestaController.selected.idea.subdireccion.nombreSubdireccion}"/>

                                    <h:outputLabel value="Línea de Investigación" for="lineaInvestigacion" />
                                    <h:outputText id="lineaInvestigacion" value="#{propuestaController.selected.idea.lineainvestigacion.descripcion}"/>

                                    <h:outputLabel value="Gran Área de Investigación" />
                                    <h:outputText value="#{propuestaController.selected.idea.areainvestigacion.nombreArea}"/>

                                    <h:outputLabel value="Área" for="subarea" />
                                    <h:outputText id="subarea" value="#{propuestaController.selected.idea.subarea.nombre}"/>

                                    <h:outputLabel value="Subárea" for="subarea1" />
                                    <h:outputText id="subarea1" value="#{propuestaController.selected.idea.subarea1.nombre}"/>

                                    <h:outputLabel value="Especialidad" for="especialidad"  />
                                    <h:outputText id="especialidad" value="#{propuestaController.selected.idea.subarea2.nombre}"/>

                                    <h:outputLabel value="Investigador" for="investigador" />
                                    <rich:select id="investigador" value="#{propuestaController.selected.idea.investigador}" title="#{bundle.CreateIdeaTitle_investigador}" >
                                        <f:selectItems value="#{investigadorController.itemsAvailableSelectOne}"/>
                                    </rich:select>
                                </h:panelGrid>
                            </rich:panel>
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Objetivos">
                        <h:panelGrid columns="3" style="vertical-align: middle">
                            <h:outputLabel value="Tipo de Proyecto" for="tipoproyecto" />
                            <h:outputText value="#{propuestaController.selected.idea.tipoproyecto}"/>
                            <rich:panel id="panelDescripcionTipo" >
                                <h:outputText value="#{propuestaController.selected.idea.tipoproyecto.descripcion}"/>
                            </rich:panel>
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Objetivo General" for="objetivoGeneral" />
                            <h:outputText id="objetivoGeneral" value="#{propuestaController.selected.idea.objetivoGeneral}"  />
                        </h:panelGrid>
                        <h:panelGrid columns="1">
                            <rich:panel id="objetivos">
                                <rich:dataTable value="#{propuestaController.selected.idea.objetivoespecificoList}" var="obj" iterationStatusVar="it">
                                    <rich:column>
                                        <f:facet name="header">#</f:facet>
                                        #{it.index+1}
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">Descripción</f:facet>
                                        <h:outputText value="#{obj.descripcion}"/>
                                    </rich:column>

                                </rich:dataTable>
                            </rich:panel>
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Aspectos Técnicos">
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Resumen"  />
                            <h:inputTextarea  value="#{propuestaController.selected.resumen}"  cols="30" rows="2"/>
                            <h:outputLabel value="Estado del Arte" />
                            <h:inputTextarea  value="#{propuestaController.selected.estadoArte}"  cols="30" rows="2"/>
                            <h:outputLabel value="Hipótesis" />
                            <h:inputTextarea  value="#{propuestaController.selected.hipotesis}"  cols="30" rows="2"/>
                            <h:outputLabel value="Aporte Educación"  />
                            <h:inputTextarea  value="#{propuestaController.selected.aporteEducacion}" cols="30" rows="2" />
                            <h:outputLabel value="Pertinencia Social" />
                            <h:inputTextarea value="#{propuestaController.selected.pertinenciaSocial}"  cols="30" rows="2"/>
                            <h:outputLabel value="Impacto Ambiental" />
                            <h:inputTextarea value="#{propuestaController.selected.impactoAmbiental}"  cols="30" rows="2"/>
                            <h:outputLabel value="Duración Total(meses)" />
                            <h:inputText  value="#{propuestaController.selected.duracion}" converterMessage="La duración aproximada debe ser un múmero entero"/> 
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Ubicación">
                        <rich:panel header="Lugar de Ejecución">
                            <h:panelGrid columns="2">
                                <h:outputLabel value="País" for="pais" />
                                <rich:select id="pais" value="#{propuestaController.selected.pais}" valueChangeListener="#{paisController.cambioPaisListener}" >
                                    <f:selectItems value="#{paisController.itemsAvailableSelectOne}"/>
                                    <a4j:ajax event="selectitem" render="departamento" execute="@this" />
                                </rich:select>
                                <h:outputLabel value="Departamento" for="departamento" />
                                <rich:select id="departamento" value="#{propuestaController.selected.departamento}" valueChangeListener="#{departamentoController.cambioPaisListener}">
                                    <f:selectItems value="#{paisController.itemsAvailableSelectOneByPais}"/>
                                    <a4j:ajax event="selectitem" render="municipio" execute="@this" />
                                </rich:select>
                                <h:outputLabel value="Municipio" for="municipio" />
                                <rich:select id="municipio" value="#{propuestaController.selected.municipio}" title="#{bundle.CreatePropuestaTitle_municipio}" >
                                    <f:selectItems value="#{departamentoController.itemsAvailableSelectOneByDepto}"/>
                                </rich:select>
                            </h:panelGrid>
                        </rich:panel>
                        <rich:panel>
                            <h:panelGrid columns="1">
                                <a4j:commandButton value="Adicionar País Participante" onclick="#{rich:component('popupParticipante')}.show()" render="infoParticipante" execute="@this"/> 

                                <rich:panel id="participantes">
                                    <rich:dataTable value="#{propuestaController.selected.participanteList}" var="par" iterationStatusVar="it">
                                        <rich:column>
                                            <f:facet name="header">#</f:facet>
                                            #{it.index+1}
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">País</f:facet>
                                            <h:outputText value="#{par.pais.nombre}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Tiempo (meses)</f:facet>
                                            <h:outputText value="#{par.tiempo}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Vínculo</f:facet>
                                            <h:outputText value="#{par.vinculo.tipoVinculo}"/>
                                        </rich:column>
                                        <rich:column>
                                            <a4j:commandLink value="Eliminar" execute="@this" action="#{propuestaController.eliminarParticipante(it.index)}"
                                                             render="participantes" >
                                            </a4j:commandLink>
                                        </rich:column>
                                    </rich:dataTable>
                                </rich:panel>
                            </h:panelGrid>
                        </rich:panel>
                    </rich:tab>
                    <rich:tab header="Impactos">
                        <h:panelGrid columns="1">

                            <rich:panel id="impactos">
                                <rich:dataTable value="#{propuestaController.selected.impactoList}" var="imp" iterationStatusVar="it">
                                    <rich:column>
                                        <f:facet name="header">#</f:facet>
                                        #{it.index+1}
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">Impacto</f:facet>
                                        <h:outputText value="#{imp.tipoimpacto.nombre}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">Fecha</f:facet>
                                        <h:outputText value="#{imp.fecha}" >
                                            <f:convertDateTime dateStyle="short" />
                                        </h:outputText>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">Descripción</f:facet>
                                        <h:outputText value="#{imp.descripcion}"/>
                                    </rich:column>

                                    <rich:column>
                                        <a4j:commandLink value="Eliminar" execute="@this" action="#{propuestaController.eliminarImpacto(it.index)}"
                                                         render="impactos" >
                                        </a4j:commandLink>
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>
                            <a4j:commandButton value="Adicionar Impacto" onclick="#{rich:component('popupImpacto')}.show()" render="infoImpacto" execute="@this"/> 
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Resultados">
                        <h:panelGrid id="resultados" columns="1">
                            <br/>
                            <rich:panel id="tabla">
                                <rich:dataTable  value="#{gruporesultadoController.lista}" var="grupo">
                                    <rich:column colspan="6"><b>#{grupo.descripcion}</b></rich:column>
                                    <rich:collapsibleSubTable value="#{propuestaController.resultadosMap[grupo.idGrupoResultado]}" var="resultado" iterationStatusVar="it">
                                        <rich:column>
                                            <f:facet name="header">#</f:facet>
                                            #{it.index+1}
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Resultado</f:facet>
                                            <h:outputText value="#{resultado.tiporesultado.descripcion}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Descripción</f:facet>
                                            <h:outputText value="#{resultado.descripcion}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Cantidad</f:facet>
                                            <h:outputText value="#{resultado.cantidad}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Beneficiario</f:facet>
                                            <h:outputText value="#{resultado.beneficiario}"/>
                                        </rich:column>
                                        <rich:column>
                                            <a4j:commandLink value="Eliminar" execute="@this" action="#{propuestaController.eliminarResultado(resultado)}"
                                                             render="tabla" >
                                            </a4j:commandLink>
                                        </rich:column>
                                    </rich:collapsibleSubTable>
                                </rich:dataTable>
                                <br/>
                                <a4j:commandButton value="Adicionar Resultado" onclick="#{rich:component('popupResultado')}.show()" render="infoResultado" execute="@this"/> 
                            </rich:panel>
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Presupuesto">
                        <h:panelGrid  columns="1">
                            <br/>
                            <rich:panel id="presupuestos">
                                <rich:dataTable  value="#{itemcostoController.lista}" var="itemCosto">
                                    <rich:column colspan="10"><b>#{itemCosto.item}</b></rich:column>
                                    <rich:collapsibleSubTable value="#{propuestaController.presupuestosMap[itemCosto.idItemCosto]}" var="presupuesto" iterationStatusVar="it">
                                        <rich:column>
                                            <f:facet name="header">#</f:facet>
                                            #{it.index+1}
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Tipo de Recurso</f:facet>
                                            <h:outputText value="#{presupuesto.tiporecurso.tipo}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Descripción</f:facet>
                                            <h:outputText value="#{presupuesto.descripcion}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Justificación</f:facet>
                                            <h:outputText value="#{presupuesto.justificacion}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header"># de Unidades</f:facet>
                                            <h:outputText value="#{presupuesto.numeroUnidades}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Costo Unitario</f:facet>
                                            <h:outputText value="#{presupuesto.costoUnitario}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Tiempo</f:facet>
                                            <h:outputText value="#{presupuesto.tiempo}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">Und. de Tiempo</f:facet>
                                            <h:outputText value="#{presupuesto.unidadTiempo}"/>
                                        </rich:column>

                                        <rich:column>
                                            <a4j:commandLink value="Eliminar" execute="@this" action="#{propuestaController.eliminarPresupuesto(presupuesto)}"
                                                             render="presupuestos" >
                                            </a4j:commandLink>
                                        </rich:column>
                                    </rich:collapsibleSubTable>
                                </rich:dataTable>
                                <br/>
                                <a4j:commandButton value="Adicionar Tipo de Recurso" onclick="#{rich:component('popupPresupuesto')}.show()" render="infoPresupuesto" execute="@this"/> 
                            </rich:panel>
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Documentación">
                        <h:panelGrid  columns="1">
                            <a4j:commandButton value="Adicionar Documento" onclick="#{rich:component('popupDoc')}.show()" render="textDocs" execute="@this"/> 
                            <rich:panel id="documentos">
                                <rich:dataTable value="#{propuestaController.selected.documentacionList}" var="docs" iterationStatusVar="it" >
                                    <f:facet name="header">Documentos</f:facet>
                                    <rich:column>
                                        <f:facet name="header">#</f:facet>
                                        #{it.index+1}
                                    </rich:column>
                                    <rich:column> 
                                        <f:facet name="header">Link</f:facet> 
                                        #{docs.link}
                                    </rich:column>
                                    <rich:column> 
                                        <f:facet name="header">Descripción</f:facet> 
                                        #{docs.descripcion}
                                    </rich:column>
                                    <rich:column>
                                        <a4j:commandLink value="Eliminar" execute="@this" action="#{propuestaController.eliminarDocumento(it.index)}"
                                                         render="documentos" >
                                        </a4j:commandLink>
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>
                        </h:panelGrid>
                    </rich:tab>

                </rich:tabPanel>
                <br />
                <h:commandLink  action="#{propuestaController.create}" value="Crear Propuesta" />

            </h:form>

            <rich:popupPanel id="popupParticipante" modal="true" resizeable="false" autosized="false" 
                             onmaskclick="#{rich:component('popupParticipante')}.hide()" height="150" width="300">
                <f:facet name="header">
                    <h:outputText value="Participante" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#"
                                  onclick="#{rich:component('popupParticipante')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                    <h:panelGrid id="infoParticipante" columns="2">
                        <h:outputLabel value="País" for="paisParticipante" />
                        <rich:select id="paisParticipante" value="#{participanteController.selected.pais}"   >
                            <f:selectItems value="#{paisController.itemsAvailableSelectOne}"/>
                        </rich:select>
                        <h:outputLabel value="Tipo de Vínculo" for="tipoVinculo" />
                        <rich:select id="tipoVinculo" value="#{participanteController.selected.vinculo}" >
                            <f:selectItems value="#{vinculoController.itemsAvailableSelectOne}"/>
                        </rich:select>
                        <h:outputLabel value="Tiempo(meses)" for="textTiempo"/>
                        <h:inputText id="textTiempo" value="#{participanteController.selected.tiempo}" />
                    </h:panelGrid>
                    <h:panelGrid columns="1" >
                        <a4j:commandButton  value="Adicionar" action="#{participanteController.adicionarParticipante(propuestaController.selected)}" 
                                            render="participantes" oncomplete="if (#{facesContext.maximumSeverity==null}) 
                                            #{rich:component('popupParticipante')}.hide();"/>
                    </h:panelGrid>
                </h:form>
            </rich:popupPanel>
            <rich:popupPanel id="popupImpacto" modal="true" resizeable="false" autosized="false" 
                             onmaskclick="#{rich:component('popupImpacto')}.hide()" height="200" width="300">
                <f:facet name="header">
                    <h:outputText value="Impactos Esperados" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#"
                                  onclick="#{rich:component('popupImpacto')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                    <h:panelGrid id="infoImpacto" columns="2">
                        <h:outputLabel value="Impacto" for="tipoImpacto" />
                        <rich:select id="tipoImpacto" value="#{impactoController.selected.tipoimpacto}"  listWidth="500">
                            <f:selectItems value="#{tipoimpactoController.itemsAvailableSelectOne}"/>
                        </rich:select>
                        <h:outputLabel value="Fecha" for="fechaImpacto"/>
                        <rich:calendar id="fechaImpacto" value="#{impactoController.selected.fecha}" 
                                       datePattern="dd/M/yy"/> 
                        <h:outputLabel value="Descripcion" for="descripcionImpacto" />
                        <h:inputTextarea id="descripcionImpacto" value="#{impactoController.selected.descripcion}" />
                    </h:panelGrid>
                    <h:panelGrid columns="1" >
                        <a4j:commandButton  value="Adicionar" action="#{impactoController.adicionarImpacto(propuestaController.selected)}" 
                                            render="impactos" oncomplete="if (#{facesContext.maximumSeverity==null}) 
                                            #{rich:component('popupImpacto')}.hide();"/>
                    </h:panelGrid>
                </h:form>
            </rich:popupPanel>
            <rich:popupPanel id="popupResultado" modal="true" resizeable="false" autosized="false" 
                             onmaskclick="#{rich:component('popupResultado')}.hide()" height="250" width="300">
                <f:facet name="header">
                    <h:outputText value="Resultados" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#"
                                  onclick="#{rich:component('popupResultado')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                    <h:panelGrid id="infoResultado" columns="2">
                        <h:outputLabel value="Tipo de Resultado" />
                        <rich:select value="#{resultadoController.selected.gruporesultado}" valueChangeListener="#{gruporesultadoController.cambioGroupListener}"  >
                            <f:selectItems value="#{gruporesultadoController.itemsAvailableSelectOne}"/>
                            <a4j:ajax event="selectitem" render="tipoResultado" execute="@this" />
                        </rich:select>
                        <h:outputLabel value="Resultado" for="tipoResultado" />
                        <rich:select id="tipoResultado" value="#{resultadoController.selected.tiporesultado}"  >
                            <f:selectItems value="#{gruporesultadoController.itemsAvailableSelectOneByGroup}"/>
                        </rich:select>
                        <h:outputLabel value="Descripción"  />
                        <h:inputTextarea  value="#{resultadoController.selected.descripcion}" />
                        <h:outputLabel value="Cantidad" />
                        <h:inputText value="#{resultadoController.selected.cantidad}" />
                        <h:outputLabel value="Beneficiario" />
                        <h:inputTextarea value="#{resultadoController.selected.beneficiario}" />
                    </h:panelGrid>
                    <h:panelGrid columns="1" >
                        <a4j:commandButton  value="Adicionar" action="#{resultadoController.adicionarResultado(propuestaController.selected)}" 
                                            render="resultados,tabla" oncomplete="if (#{facesContext.maximumSeverity==null}) 
                                            #{rich:component('popupResultado')}.hide();"/>

                    </h:panelGrid>
                </h:form>
            </rich:popupPanel>
            <rich:popupPanel id="popupPresupuesto" modal="true" resizeable="false" autosized="false" 
                             onmaskclick="#{rich:component('popupPresupuesto')}.hide()" height="320" width="400">
                <f:facet name="header">
                    <h:outputText value="Presupuesto" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#"
                                  onclick="#{rich:component('popupPresupuesto')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                    <h:panelGrid id="infoPresupuesto" columns="2">
                        <h:outputLabel value="Item Costo" />
                        <rich:select value="#{presupuestoController.selected.itemcosto}" valueChangeListener="#{itemcostoController.cambioItemListener}"  >
                            <f:selectItems value="#{itemcostoController.itemsAvailableSelectOne}"/>
                            <a4j:ajax event="selectitem" render="tipoRecurso" execute="@this" />
                        </rich:select>
                        <h:outputLabel value="Recurso" for="tipoRecurso" />
                        <rich:select id="tipoRecurso" value="#{presupuestoController.selected.tiporecurso}"  listWidth="300">
                            <f:selectItems value="#{itemcostoController.itemsAvailableSelectOneByItem}"/>
                        </rich:select>
                        <h:outputLabel value="Descripción"  />
                        <h:inputTextarea  value="#{presupuestoController.selected.descripcion}" />
                        <h:outputLabel value="Justificación" />
                        <h:inputTextarea value="#{presupuestoController.selected.justificacion}" />
                        <h:outputLabel value="# de Unidades" />
                        <h:inputText value="#{presupuestoController.selected.numeroUnidades}" />
                        <h:outputLabel value="Costo Unitario (Por Unidad/Por Tiempo)" />
                        <h:inputText value="#{presupuestoController.selected.costoUnitario}" />
                        <h:outputLabel value="Tiempo" />
                        <h:inputText value="#{presupuestoController.selected.tiempo}" />
                        <h:outputLabel value="Unidad de Tiempo" />
                        <rich:select value="#{presupuestoController.selected.unidadTiempo}">
                            <f:selectItem itemLabel="Mes" itemValue="mes"/>
                            <f:selectItem itemLabel="Día" itemValue="dia"/>
                            <f:selectItem itemLabel="Año" itemValue="año"/>
                        </rich:select>
                    </h:panelGrid>
                    <h:panelGrid columns="1" >
                        <a4j:commandButton  value="Adicionar" action="#{presupuestoController.adicionarPresupuesto(propuestaController.selected)}" 
                                            render="presupuestos" oncomplete="if (#{facesContext.maximumSeverity==null}) 
                                            #{rich:component('popupPresupuesto')}.hide();"/>

                    </h:panelGrid>
                </h:form>
            </rich:popupPanel>
            <rich:popupPanel id="popupDoc" modal="true" resizeable="false" autosized="false" 
                             onmaskclick="#{rich:component('popupDoc')}.hide()" height="240" width="320">
                <f:facet name="header">
                    <h:outputText value="Adición de Documento" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#"
                                  onclick="#{rich:component('popupDoc')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                <h:form>
                    <rich:panel id="textDocs">
                        <h:panelGrid  columns="2" style="text-align: center; vertical-align: middle">
                            <h:outputText value="Descripción del Documento"/>
                            <h:inputTextarea id="textDesc" value="#{documentacionController.selected.descripcion}" cols="30" rows="2"/>
                            <h:outputText value="Link"/>
                            <h:inputTextarea id="textDoc" value="#{documentacionController.selected.link}" cols="30" rows="2"/>
                            <a4j:commandButton  value="Adicionar" action="#{documentacionController.adicionarDocumentoPropuesta(propuestaController.selected)}" 
                                                render="documentos" oncomplete="if (#{facesContext.maximumSeverity==null}) 
                                                #{rich:component('popupDoc')}.hide();"/>

                        </h:panelGrid>
                    </rich:panel>
                </h:form>

            </rich:popupPanel>
        </ui:define>
    </ui:composition>

</html>
